<template>
  <image class="e-image" :src="`${endpoint}/${bucket}/${url}`"></image>
</template>
<script>
import { oss } from '@/config/config.json'
export default {
  name: "e-image",
  props: {
    endpoint: {
      type: String,
      default: oss.endpoint
    },
    bucket: {
      type: String,
      default: oss.bucket
    },
    url: {
      type: String,
      required: true
    },
    alt: {
      type: String,
      required: false
    }
  }
}
</script>

<style lang="scss">
.e-image {
  width: 100%;
  height: 100%;
}
</style>